<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<link rel="stylesheet"
	href="//code.jquery.com/ui/1.11.0/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.0/jquery-ui.js"></script>
<link href='resources/css/fullcalendar/fullcalendar.css'
	rel='stylesheet' type="text/style" />
<link rel="stylesheet" href="resources/css/doctor/d_schedule.css">
<script src='resources/js/fullcalendar/fullcalendar.js'></script>
<script>

	// FullCalnedar
	$(document).ready(function() {
		var id = $("#doctor_id").val();
		$('#calendar').fullCalendar({
				height : 550,
				editable : true,
				events : "doctorschedule.medic?id="+ id,
				eventDrop : function(event, delta) {
					alert(event.title
							+ ' was moved '
							+ delta
							+ ' days\n'
							+ '(should probably update your database)');
				},
				loading : function(bool) {
					if (bool)
						$('#loading').show();
					else
						$('#loading').hide();
				}
			});

		$(".datepicker").datepicker({
			dateFormat : 'yy-mm-dd'
		});
	});
	
</script>
<div class="d_schedule_div">
	<div class="calendar_div">
		<div id="tabs">
			<!-- tabs1 -->
			<div id="tabs-1">
				<div class="calendar_body">
					<div id="calendar"></div>
				</div>
				<input type="hidden" name="doctor_id" id="doctor_id"
					value="${doctor_id2 }">
			</div>
		</div>
	</div>
</div>